<template>
  <div>
    <button>{{sampleC}}</button>
    <ElButton type="primary">xxx</ElButton>
    <el-button type="info" plain>Info</el-button>
    <el-button type="warning" plain>Warning</el-button>
    <el-button type="danger" plain>Danger</el-button>
  </div>
</template>
<script lang="ts">
/**
 * 页面核心数据结构体说明文档
 *
 *
 */
// import from

import { defineComponent } from "vue";

export default defineComponent({
  name: "SecondView",
  props: {
    sampleP: {
      type: Number,
      default: 0,
    },
  },
  data() {
    return {
      sampleD: "value",
    };
  },
  computed: {
    sampleC():any {
      return (this.sampleD+1).toUpperCase();
    },
  },
  // 
  created() {
    console.log("created")
  },
  mounted() {
    console.log("mounted")
  },
  methods: {
    // sampleM() {},
  },
  watch: {
    // sampleP(n, o) {},
  },
});
</script>

<!--<style scoped>-->
<style lang="scss" scoped></style>
